<!-- components/ResponsiveLogin.vue -->
<template>
  <component :is="loginComponent" />
</template>

<script setup>
import { computed } from 'vue';
import { useResponsive } from '@/utils/responsiveUtils';
import LoginPC from '../components/LoginPC.vue';
import LoginMobile from '../components/LoginMobile.vue';

const { isMobile } = useResponsive();
const loginComponent = computed(() => (isMobile.value ? LoginMobile : LoginPC));
</script>